<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/datepicker.css" rel="stylesheet" type="text/css" media="all">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" media="all">
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="js/bootstrap-datepicker.fr.js" type="text/javascript"></script>
</head>

<body>
	<div class="container">
		<fieldset>
			<legend>test datepicker Bootstrap</legend>
			<div class="row-fluid">
				<div class="span6 offset3">
					<input class="input-medium datepicker" value="" name="datefield" id="datefield" />
				</div>
			</div>
		</fieldset>
	</div>
</body>
<script>
	$('.datepicker').datepicker(
		{language:'fr'}
	);
</script>
</html>